{% extends "base.html" %}

{% block title %}人物关系分析 - 红楼梦数据分析{% endblock %}

{% block content %}
<div class="row">
    <div class="col-12">
        <h2>红楼梦人物关系分析</h2>
        <p>通过分析《红楼梦》文本中人物的共现关系，构建人物关系网络图，揭示人物之间的复杂联系。</p>
        
        <ul class="nav nav-tabs" id="characterTabs" role="tablist">
            <li class="nav-item" role="presentation">
                <button class="nav-link active" id="network-tab" data-bs-toggle="tab" data-bs-target="#network" type="button" role="tab">关系网络图</button>
            </li>
            <li class="nav-item" role="presentation">
                <button class="nav-link" id="mindmap-tab" data-bs-toggle="tab" data-bs-target="#mindmap" type="button" role="tab">家族结构图</button>
            </li>
            <li class="nav-item" role="presentation">
                <button class="nav-link" id="report-tab" data-bs-toggle="tab" data-bs-target="#report" type="button" role="tab">分析报告</button>
            </li>
        </ul>
        
        <div class="tab-content" id="characterTabContent">
            <div class="tab-pane fade show active" id="network" role="tabpanel">
                <div class="card mt-3">
                    <div class="card-body">
                        <h5 class="card-title">人物关系网络图</h5>
                        <p>节点大小代表人物在故事中的重要性，连线粗细表示人物之间关系的紧密程度。</p>
                        <!-- 使用object标签嵌入HTML文件 -->
                        <object data="../static/红楼梦人物关系网络.html" width="100%" height="800" style="border: none;">
                            <p>您的浏览器不支持object标签，请<a href="../static/红楼梦人物关系网络.html" target="_blank">点击这里</a>查看网络图。</p>
                        </object>
                    </div>
                </div>
            </div>
            
            <div class="tab-pane fade" id="mindmap" role="tabpanel">
                <div class="card mt-3">
                    <div class="card-body">
                        <h5 class="card-title">家族结构思维导图</h5>
                        <p>以贾府为中心的家族关系思维导图，展示宁国府和荣国府的内部结构。</p>
                        <!-- 使用object标签嵌入HTML文件 -->
                        <object data="../static/红楼梦人物关系思维导图.html" width="100%" height="800" style="border: none;">
                            <p>您的浏览器不支持object标签，请<a href="../static/红楼梦人物关系思维导图.html" target="_blank">点击这里</a>查看思维导图。</p>
                        </object>
                    </div>
                </div>
            </div>
            
            <div class="tab-pane fade" id="report" role="tabpanel">
                <div class="card mt-3">
                    <div class="card-body">
                        <h5 class="card-title">人物关系分析报告</h5>
                        <div id="analysis-report">
                            <h6>概述</h6>
                            <p>本报告基于《红楼梦》文本内容，通过数据可视化技术分析了小说中的人物关系网络。通过构建人物共现网络图和思维导图，揭示了贾府及其他重要人物之间的复杂关系。</p>
                            
                            <h6>人物关系网络分析</h6>
                            <p><strong>网络图结构</strong>：我们构建了《红楼梦》人物关系网络图，展示了主要人物之间的关联关系。节点大小代表人物在故事中的重要性，连线粗细表示人物之间关系的紧密程度。</p>
                            
                            <p><strong>核心人物关系</strong>：</p>
                            <ol>
                                <li><strong>贾宝玉</strong> - 作为小说的核心人物，与林黛玉、薛宝钗形成了复杂的三角关系</li>
                                <li><strong>林黛玉</strong> - 与贾宝玉有着深厚的情感联系，通过紫鹃等丫鬟维持日常起居</li>
                                <li><strong>薛宝钗</strong> - 与贾宝玉有"金玉良缘"之说，是贾府重点考虑的媳妇人选</li>
                                <li><strong>王熙凤</strong> - 作为贾府实际管理者，与贾母等长辈关系密切</li>
                                <li><strong>贾母</strong> - 贾府的最高权威，对贾宝玉极为宠爱</li>
                            </ol>
                            
                            <h6>主要发现</h6>
                            <p><strong>1. 关系网络特点</strong></p>
                            <ul>
                                <li>贾宝玉是整个关系网络的核心节点，与大部分主要人物都有直接联系</li>
                                <li>女性角色在贾府内部关系网络中占据重要地位，特别是王熙凤和贾母</li>
                                <li>仆人与主人之间的关系密切，体现了封建社会的等级制度</li>
                            </ul>
                            
                            <p><strong>2. 家族结构特征</strong></p>
                            <ul>
                                <li>贾府分为宁国府和荣国府两大支系，荣国府人物更为繁多</li>
                                <li>贾母作为家族最高辈分的长者，是整个家族关系的核心</li>
                                <li>女性在家族中扮演重要角色，特别是王夫人、王熙凤等</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}